<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <title>智能进出口服务平台</title>
    <link rel="shortcut icon" type="image/x-icon" href="/images/logo.ico" />
    <link rel="stylesheet" type="text/css" href="/layui/css/layui.css?v=202001010101" />
    <link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css?v=202001010101" />
    <link rel="stylesheet" type="text/css" href="/css/jquery-ui.css?v=202001010101">
    <link rel="stylesheet" type="text/css" href="/css/style.css?v=202001010101">
    <style type="text/css">
        .layui-table[lay-size=sm] tbody td{padding: 0px;}
        .layui-table[lay-size=sm] tbody td input{border: 0px;}
        .layui-card-body .layui-table{margin: 0px;}
        .tabBody{overflow-y: auto;max-height: 310px;}
        .layui-form-radio{margin: 0px;}
    </style>
</head>
<body>
<div class="tsf-page-content" style="padding: 0px;">
    <div class="layui-card">
        <form class="layui-form" method="post" lay-filter="orderMainForm" id="orderMainForm">
            <input type="hidden" name="id" id="id"/>
            <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-address-card-o"></i>基础信息</span></div>
            <div class="layui-card-body">
                <div class="layui-row">
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>订单号</label>
                        <div class="layui-input-block">
                            <input name="docNo" id="docNo" class="layui-input required" maxlength="20" placeholder="订单号" clear-val/>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>客户订单号</label>
                        <div class="layui-input-block">
                            <input name="clientNo" id="clientNo" class="layui-input" placeholder="客户订单号" clear-val/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>客户</label>
                        <div class="layui-input-block">
                            <input name="customerName" id="customerName" class="layui-input required layui-disabled" placeholder="客户/委托方/买方" readonly/>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>业务类型</label>
                        <div class="layui-input-block">
                            <select name="businessType" id="businessType" lay-filter="businessType" class="required">
                                <option value="">请先选择客户</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md4">
                        <div class="layui-col-md10">
                            <label class="layui-form-label"><span class="text-danger">*</span>境外供应商</label>
                            <div class="layui-input-block">
                                <input name="supplierName" id="supplierName" class="layui-input auto-supplier required" placeholder="境外供应商" clear-val/>
                            </div>
                        </div>
                        <div class="layui-col-md2" style="padding-left: 4px;">
                            <button type="button" id="addSupplier" class="layui-btn layui-btn-sm layui-btn-normal layui-btn-fluid quick-btn"><i class="fa fa-plus-circle"></i>新增</button>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>币制</label>
                        <div class="layui-input-block">
                            <input name="currencyName" id="currencyName" class="layui-input auto-currency required" placeholder="币制" clear-val/>
                        </div>
                    </div>
                    <div class="layui-col-md4" style="padding-left: 4px;">
                        <span class="layui-badge tsf-hide" id="showCustomsRate" style="line-height: 30px;font-size: 14px;">海关汇率：0.0</span>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md8">
                        <label class="layui-form-label"><span class="text-danger">*</span>协议报价</label>
                        <div class="layui-input-block">
                            <select name="impQuoteId" id="impQuoteId"></select>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>成交方式</label>
                        <div class="layui-input-block">
                            <select name="transactionMode" class="required" id="transactionMode"></select>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <label class="layui-form-label">报关类型</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input layui-disabled" id="declareTypeName" name="declareTypeName" readonly/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>外贸合同买方</label>
                        <div class="layui-input-block">
                            <input type="hidden" id="subjectId" name="subjectId"/>
                            <input type="text" class="layui-input layui-disabled" id="subjectName" name="subjectName" readonly/>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>外贸合同卖方</label>
                        <div class="layui-input-block">
                            <select id="subjectOverseasId" name="subjectOverseasId" class="required sel-load" sel-url="/scm/subjectOverseas/select" cache="static_subject_overseas" sel-key="id" sel-val="name"></select>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <form class="layui-form" method="post" lay-filter="orderMemberForm" id="orderMemberForm">
            <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-list"></i>产品信息</span></div>
            <div class="layui-card-body">
                <blockquote class="layui-elem-quote">
                    <button type="button" class="layui-btn layui-btn-xs layui-btn-normal" id="importExcel"><i class="layui-icon"></i>点击导入订单明细</button>
                    <a href="/importTemp/orderMemberImportTemp.xls" target="_blank" class="def-a">点击下载导入模板</a>
                </blockquote>
                <div id="tabContainer" style="overflow-x: auto">
                    <div style="min-width: 1400px;">
                        <table class="layui-table" lay-size="sm">
                            <colgroup>
                                <col width="45">
                                <col width="150">
                                <col width="130">
                                <col width="130">
                                <col width="80">
                                <col width="80">
                                <col width="80">
                                <col width="90">
                                <col width="50">
                                <col width="80">
                                <col width="80">
                                <col width="90">
                                <col width="90">
                                <col>
                                <col width="45">
                            </colgroup>
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>型号</th>
                                <th>品名</th>
                                <th>品牌</th>
                                <th>单位</th>
                                <th>数量</th>
                                <th>单价</th>
                                <th>总价</th>
                                <th>箱数</th>
                                <th>净重(KG)</th>
                                <th>毛重(KG)</th>
                                <th>产地</th>
                                <th>客户料号</th>
                                <th>规格描述</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                        </table>
                        <div class="tabBody">
                            <table class="layui-table" lay-size="sm">
                                <colgroup>
                                    <col width="45">
                                    <col width="150">
                                    <col width="130">
                                    <col width="130">
                                    <col width="80">
                                    <col width="80">
                                    <col width="80">
                                    <col width="90">
                                    <col width="50">
                                    <col width="80">
                                    <col width="80">
                                    <col width="90">
                                    <col width="90">
                                    <col>
                                    <col width="45">
                                </colgroup>
                                <tbody id="materialBody">

                                </tbody>
                            </table>
                        </div>
                        <table class="layui-table" lay-size="sm">
                            <tfoot>
                            <tr>
                                <th>
                                    <div style="padding:2px">
                                        <a href="javascript:void(0)" class="btn btn-default addrow-btn"><i class="fa fa-plus"></i>添加一行</a>
                                    </div>
                                </th>
                            </tr>
                            <tr>
                                <th>
                                    <div class="layui-row">
                                        <div class="layui-col-md2">
                                            总数量：<h2 style="display: inline-block" id="quantityTotal">0.0</h2>
                                        </div>
                                        <div class="layui-col-md2">
                                            总价：<h2 style="display: inline-block" id="totalPrice">0.0</h2>
                                        </div>
                                        <div class="layui-col-md2">
                                            总箱数：<h2 style="display: inline-block" id="cartonTotal">0</h2>
                                        </div>
                                        <div class="layui-col-md2">
                                            总净重：<h2 style="display: inline-block" id="netWeightTotal">0.0000</h2>
                                        </div>
                                        <div class="layui-col-md2">
                                            总毛重：<h2 style="display: inline-block" id="grossWeightTotal">0.0000</h2>
                                        </div>
                                    </div>
                                </th>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </form>

        <form class="layui-form" method="post" lay-filter="orderLogisticsForm" id="orderLogisticsForm">
            <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-ship"></i>境外交货</span></div>
            <div class="layui-card-body">
                <div class="layui-form-item">
                    <label class="layui-form-label">交货方式</label>
                    <div class="layui-input-inline">
                        <select lay-filter="deliveryMode" id="deliveryMode" name="deliveryMode" class="sel-load" sel-url="system/baseData/getByType?type=DeliveryMode" cache="static_delivery_mode" sel-key="code" sel-val="name"></select>
                    </div>
                </div>
                <div class="tsf-hide" mark="deliveryMode" zm-key="ExpressDelivery">
                    <div class="layui-form-item" style="margin-bottom: -2px;">
                        <label class="layui-form-label">快递类型</label>
                        <div class="layui-input-block">
                            <input type="radio" name="inExpressType" value="local" title="本地快递" checked/>
                            <input type="radio" name="inExpressType" value="abroad" title="境外快递"/>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">快递公司</label>
                        <div class="layui-input-inline">
                            <select id="hkExpress" name="hkExpress" class="sel-load" sel-url="system/baseData/getByType?type=HkExpress" cache="static_hk_express" sel-key="code" sel-val="name"></select>
                        </div>
                        <label class="layui-form-label">快递单号</label>
                        <div class="layui-input-inline">
                            <input type="text" name="hkExpressNo" id="hkExpressNo" class="layui-input" placeholder="多个快递单号请用 , 隔开" clear-val/>
                        </div>
                    </div>
                </div>
                <div class="tsf-hide" mark="deliveryMode" zm-key="TakeDelivery">
                    <div class="layui-form-item">
                        <label class="layui-form-label">要求提货时间</label>
                        <div class="layui-input-inline">
                            <input type="text" name="takeTime" id="takeTime" class="layui-input picker-time" placeholder="请填写要求提货时间" clear-val/>
                        </div>
                        <label class="layui-form-label">提货委托书</label>
                        <div class="layui-input-inline" style="line-height: 30px">
                            <a href="javascript:" class="file-size" doc-id="" show-file="impOrderInformation" edit="true"></a>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md8">
                            <label class="layui-form-label">提货信息</label>
                            <div class="layui-input-block">
                                <div class="layui-input-range" style="margin-bottom: 8px;">
                                    <a class="layui-btn layui-btn-xs layui-btn-normal" href="javascript:" id="maintainInformation"><i class="fa fa-retweet"></i>维护提货信息</a>
                                    <a class="layui-btn layui-btn-xs" href="javascript:" onclick="takeInformation()"><i class="fa fa-refresh"></i>刷新提货信息</a>
                                    <div class="range-list" id="takeInformations"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md8">
                        <label class="layui-form-label">交货备注</label>
                        <div class="layui-input-block">
                            <input type="text" name="deliveryModeMemo" id="deliveryModeMemo" placeholder="其他交货要求请填写在此处"  class="layui-input" clear-val/>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-truck"></i>国内配送</span></div>
            <div class="layui-card-body">
                <div class="layui-form-item">
                    <label class="layui-form-label">送货方式</label>
                    <div class="layui-input-inline">
                        <select lay-filter="receivingMode" id="receivingMode" name="receivingMode" class="sel-load" sel-url="system/baseData/getByType?type=ReceivingMode" cache="static_receiving_mode" sel-key="code" sel-val="name"></select>
                    </div>
                    <div mark="receivingMode" zm-key="ThirdLogistics">
                        <label class="layui-form-label">送货付款方式</label>
                        <div class="layui-input-inline">
                            <input type="radio" name="paymentDelivery" value="TOPAY" title="到付" checked/>
                            <input type="radio" name="paymentDelivery" value="ADVPAY" title="垫付"/>
                        </div>
                    </div>
                </div>
                <div mark="receivingMode" zm-key="ThirdLogistics">
                    <div class="layui-form-item">
                        <label class="layui-form-label">物流公司</label>
                        <div class="layui-input-inline">
                            <select lay-filter="logisticsCompany" id="logisticsCompany" name="logisticsCompanyId"></select>
                        </div>
                        <label class="layui-form-label">时效要求</label>
                        <div class="layui-input-inline" id="askContainer" style="width: 540px;line-height: 30px;"></div>
                    </div>
                </div>
                <div mark="receivingMode" zm-key="ThirdLogistics,HkThrough,SpecialCar">
                    <div class="layui-row">
                        <div class="layui-col-md8">
                            <label class="layui-form-label">收货信息</label>
                            <div class="layui-input-block">
                                <div class="layui-input-range" style="margin-bottom: 8px;">
                                    <a class="layui-btn layui-btn-xs layui-btn-normal" href="javascript:" id="maintainDeliveryInformation"><i class="fa fa-retweet"></i>维护收货信息</a>
                                    <a class="layui-btn layui-btn-xs" href="javascript:" onclick="takeDeliveryInformation()"><i class="fa fa-refresh"></i>刷新收货信息</a>
                                    <div class="range-list" id="deliveryInformations"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tsf-hide" mark="receivingMode" zm-key="SelfLifting">
                    <div class="layui-row">
                        <div class="layui-col-md8">
                            <label class="layui-form-label">自提点</label>
                            <div class="layui-input-block">
                                <select id="selfWare" name="selfWareId"></select>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md8">
                            <label class="layui-form-label">姓名电话</label>
                            <div class="layui-input-block">
                                <input type="text" name="selfLinkPerson" id="selfLinkPerson" placeholder="请输入提货人名称和电话 (多个 ，隔开)"  class="layui-input" clear-val/>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">提货人身份证</label>
                        <div class="layui-input-inline">
                            <input type="text" name="selfPersonId" id="selfPersonId" class="layui-input" placeholder="请输入提货人身份证" clear-val/>
                        </div>
                        <label class="layui-form-label">提货盖章委托书</label>
                        <div class="layui-input-inline" style="line-height: 30px">
                            <a href="javascript:" class="file-size" doc-id="" show-file="impOrderSelf" edit="true"></a>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md8">
                            <label class="layui-form-label">提货备注</label>
                            <div class="layui-input-block">
                                <input type="text" name="selfMemo" id="selfMemo" placeholder="其他自提要求请填写在此处" class="layui-input" clear-val/>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md8">
                        <label class="layui-form-label">收货备注</label>
                        <div class="layui-input-block">
                            <input type="text" name="receivingModeMemo" id="receivingModeMemo" placeholder="其他收货要求请填写在此处" class="layui-input" clear-val/>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <form class="layui-form" method="post" lay-filter="orderOtherForm" id="orderOtherForm">
            <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-file-code-o"></i>备注及其它</span></div>
            <div class="layui-card-body" style="padding-bottom: 50px;">
                <div class="layui-form-item">
                    <label class="layui-form-label" style="width: 215px">装箱单/发票(PACKING-LIST/INVOICE)</label>
                    <div class="layui-input-inline" style="line-height: 30px">
                        <a href="javascript:" class="file-size" doc-id="" show-file="impOrderPI" edit="true"></a>
                    </div>
                    <label class="layui-form-label">其它资料</label>
                    <div class="layui-input-inline" style="line-height: 30px">
                        <a href="javascript:" class="file-size" doc-id="" show-file="impOrderOther" edit="true"></a>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md8">
                        <label class="layui-form-label">订单备注</label>
                        <div class="layui-input-block">
                            <textarea name="memo" id="memo" class="layui-textarea"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="tsf-page-btn-group">
    <button type="button" class="layui-btn layui-btn-sm layui-btn-normal save-btn"><i class="fa fa-save"></i>临时保存</button>
    <button type="button" class="layui-btn layui-btn-sm examine-btn"><i class="fa fa-check-circle-o"></i>提交审核</button>
    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm close-window"><i class="fa fa-close"></i>关闭</button>
</div>

<script type="text/javascript" src="/js/jquery.min.js?v=202001010101"></script>
<script type="text/javascript" src="/layui/layui.js?v=202001010101"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js?v=202001010101"></script>
<script type="text/javascript" src="/My97DatePicker/WdatePicker.js?v=202001010101"></script>
<script type="text/javascript" src="/js/app.js?v=202006010928"></script>
<script type="text/javascript" src="/js/sel-load.js?v=202001010101"></script>
<script type="text/javascript" src="/js/autocomplete.js?v=202001010101"></script>
<script type="text/javascript" src="/upload/file-config.js?v=202001010101"></script>
<script type="text/javascript" src="/upload/file.js?v=202001010101"></script>
<script type="text/javascript" src="/order/imp/form-common.js?v=202001010101"></script>
<script type="text/javascript" src="/order/imp/edit.js?v=202001010105"></script>
</body>
</html>